body { width: 100%; background: #f5f9f5 url(../images/body_bg.jpg) no-repeat center top; }
.head { width: 100%; min-width: 1260px; background: url(../Images/img/head_bg.jpg) no-repeat center top; margin: 0 auto; }
.header { width: 1260px; margin: 0 auto; }
.header .top_logo { width: 100%; height: 120px; }
.tp_logo { padding: 10px 0; width: 470px; }

/* 搜索 */
.tp_ss{ margin-top:60px;}
.ss{ width:250px; height:29px; border-bottom:1px solid #138566;}
.ss .srch{ display:block; width:250px; height:25px; overflow: hidden;}
.ss .srch li{ display:block; float: left;}
.ss .srch li input{ border:0 none; background:none; line-height:20px;}
.ss .srch li input.key{ width:230px;  line-height:25px; font-size:14px; text-indent:1em; display: block; overflow: hidden;  color: #ff6600; border: none; outline: none; }
.ss .srch li input.btn{ width:20px; height:20px; display: block; margin-top:5px; background:url(../Images/img/head_sr.png) no-repeat center; border: none; cursor: pointer; color:#FFFFFF;}
.tp_wx{ display:block; padding:0 40px;}

/* 导航 */
.header .top_nav { width: 100%; height: 45px; line-height: 45px; position:relative; z-index:9999; }
.nav { padding: 0 20px; height: 44px; line-height: 44px; background: #219161; border-bottom: 1px solid #FFF; position: relative; z-index: 1; }
.nav a { color: #fff; }
.nav .nLi { float: left; width: 120px; text-align: center; position: relative; display: inline; }
.nav .nLi span { float: left; display: block; }
.nav .nLi span a { display: block; width: 120px; font-size: 18px; }
.nav .sub { display: none; width: 120px; left: 0; top: 45px; position: absolute; line-height: 40px; background-color: rgba(19,133,102,0.5); }
.nav .sub li { zoom: 1; }
.nav .sub a { display: block; font-size: 18px; }
.nav .sub a:hover { background: #138566; color: #fff; }
.nav .on span a { height: 45px; background: url(../Images/img/nav_hover.png) no-repeat center bottom; color: #fff; }

/* 幻灯片 */
.slideBox { width: 100%; height: 300px; overflow: hidden; position: relative;}
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd img { width: 100%; height: 300px; display: block; }

/* 主要内容 */
.mainbox { width: 100%; min-width: 1260px; margin: 0 auto; overflow: hidden; position:relative; z-index:999; }
.mian { width: 1260px; margin: 0 auto; min-height:500px; background:#fff; }
.wrap_box{ padding:30px; margin:0 auto; overflow:hidden;background:#fff; position:relative; z-index:999;}

.inf_list{ font-size: 15px; line-height: 30px;}

.news_slide { width: 580px; height: 390px; overflow: hidden; position: relative;}
.news_slide .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 12px; z-index: 1; }
.news_slide .hd ul { overflow: hidden; zoom: 1; float: left; }
.news_slide .hd ul li { float: left; margin-right: 5px; width: 15px; height: 15px; line-height: 15px; text-align: center; background: #dadada; cursor: pointer; }
.news_slide .hd ul li.on { background: #f00; color: #fff; }
.news_slide .bd { position: relative; height: 100%; z-index: 0; }
.news_slide .bd li { zoom: 1; vertical-align: middle; }
.news_slide .bd img { width: 580px; height: 350px; display: block; }
.news_slide_txt{ height:39px; line-height:39px; text-indent:2em; border-top:1px solid #fff; background:#453e38; color:#FFF; font-size:16px;}

.box1_news_txt{ width:580px;}
.box1_title{ border-bottom:2px solid #ffbe0b; height:39px; background:url(../Images/img/tit_bg.jpg) no-repeat top right;}
.box1_title span{ display:block; width:120px; height:38px; line-height:38px; font-size:18px; color:#fff; text-align:center; background:url(../Images/img/tit_01.jpg) no-repeat left top;}
.box1_title a{ display:block; line-height:38px; font-size:14px; color:#663333; padding-right:20px;}
.box1_is{ border-bottom:1px dashed #bbbbbb; padding:10px 0 9px 0;}
.box1_is a{ line-height:40px; font-size:18px; font-weight: 600;}

.box1_nlist{ border-bottom:1px dashed #108685; padding:4px 0;}
.box1_nlist li{ padding-left:15px; line-height:40px; background:url(../Images/img/box01_dot.jpg) no-repeat left center; position:relative;}
.box1_nlist li a{ display:block; font-size:16px; color:#555555;}
.box1_nlist li:hover a,.box1_nlist li:hover span{color:#219161;}
.box1_nlist li span{ display:block; position:absolute; top:0; right:0; color:#999999; font-size:16px;}

.box3_nlist1{ padding-top:20px;}
.box3_nlist1 ul li{ display:block; float:left; width:280px; padding-bottom:15px; border-bottom:1px dashed #108685; overflow:hidden; margin-right:20px; position:relative;}
.box3_nlist1 ul li span.title{ display:block; background: rgba(0, 0, 0,0.5); color:#fff; position:absolute; left:0; top:130px; padding:5px 10px; height:40px; line-height:20px; font-size:16px;}
.box3_nlist1 .date{ width:60px; height:60px; position:absolute; left:0; top:0; background:#138566; color:#fff;}
.box3_nlist1 .date span{ display:block; text-align:center;}
.box3_nlist1 .date span.rq{ font-size:30px; line-height:40px;}
.box3_nlist1 .date span.ny{ line-height:10px; font-size:12px;}
.box3_nlist1 .desc{ font-size:14px; line-height:26px; padding-top:10px;}

.box3_nlist2{ width:580px; }
.box3_nlist2 li{ width:540px; height:50px; padding:19px; border:1px solid #eeeeee;background:#fafafa;margin-top:20px;}
.box3_nlist2 li a{ display:block; font-size:18px; line-height:30px;}
.box3_nlist2 li span{ display:block; text-align:right; font-size:18px;}

.box4_news{ width:100%; margin:30px auto; overflow:hidden;}
.box4_kygl{ float:left; width:380px;}
.box4_title span{background:url(../Images/img/tit_02.jpg) no-repeat top right;}
.box4_kygl .nav_img{ margin-top:10px;}
.box4_kygl .nav_img img{ width:380px; height:120px;}
.box4_nlist{ border:none;}
.box4_nlist li{ background:url(../Images/img/box02_dot.jpg) no-repeat left center;}
.box4_nlist li a{ font-size:15px;}

.box5_news{ overflow:hidden;}
.box5_ywgk{ width:790px;}
.box5_dh{ border:1px solid #a0cfb8; border-top:none; overflow:hidden; padding:9px;}
.box5_dh li{ display:block; float:left;border:1px solid #87c2c2; padding:4px 9px; height:50px; line-height:50px; width:210px; overflow:hidden; margin:10px 13px;}
.box5_dh li img{ width:50px; height:50px; margin-right:10px;}


.box6_pic{ margin:30px 0; width:100%; height:335px; background:url(../Images/img/picbox_bg.jpg) no-repeat center bottom;}
.box6_title{ width:100%; position:relative; margin-bottom:20px; height:49px; line-height:40px; font-size:18px; border-bottom:1px solid #a88266; text-align:center;}
.box6_title a{ letter-spacing:10px; color:#108685;}
.box6_title span.box6_en{ display:block; width:140px; text-align:center; letter-spacing:2px; font-family:"Times New Roman"; background:#FFF; position:absolute; top:30px; left:44%; color:#a88266;}
.box6_picscroll { width:1160px; overflow: hidden; position: relative; margin:0 auto;}
.box6_picscroll .bd { padding: 10px; }
.box6_picscroll .bd ul { overflow: hidden; zoom: 1; }
.box6_picscroll .bd ul li { margin: 0 15px; float: left; _display: inline; overflow: hidden; text-align: center; }
.box6_picscroll .bd ul li .pic { text-align: center; }
.box6_picscroll .bd ul li .pic img { width: 260px; height: 165px; display: block;}
.box6_picscroll .bd ul li .pic a:hover img { border-color: #999; }
.box6_picscroll .bd ul li .title { height:30px; line-height: 30px; background:#fff;}

.box7_links4{ overflow:hidden; margin:30px 80px 0;}
.links4{ overflow:hidden;}
.links4 li{ display:block; width:220px; float:left; margin:0 20px;}
.links4 li select{ width:220px; height:30px;}

/* 底部 */
.footer{ width:100%; min-width:1260px; height:320px; margin:0 auto; background:url(../Images/img/foot_bg.jpg) no-repeat center bottom; margin-top:-110px; position:relative; z-index:99;}
.footer .foot{ width:1260px; margin:0 auto; padding-top:110px;}
.top_back{ width:100%; background:url(../Images/img/back_bg.png) repeat-x; padding-bottom:20px; }
.top_back a img{ display:block; width:80px; height:20px; margin:0 auto;}
.wx_img{ float:left; margin:0 100px;}
.adds{ float:left;}
.foot p{ text-align:center; color:#fff; font-size:14px; line-height:30px; padding-top:30px;}

/* page */

.in_box_main{ padding:30px; width:1200px; overflow:hidden;}
.in_box_main .pc_text{ text-align:right; padding-bottom:10px; }
.about{ width:940px;}
.about p{ font-size:16px; line-height:35px;}
.left_box{ width:200px;}
.pc_title { height: 84px; background: url(../Images/2_06.jpg) left bottom no-repeat; line-height: 74px; color: #fff; padding-left: 5px; position: relative }
.pc_title span { font-size: 22px; padding-left: 10px }
.pc_title i { font-size: 14px; padding-left: 10px; position: absolute; left: 60px; top: 50px }
.pc_title img { margin: 0 0 0 10px; vertical-align: middle }

/* 左侧导航 */
.sub_list { float: left; width: 200px; background: #f5f5f5;}
.sub_list dl dd { width: 200px; }
.sub_list dl dd a { display: block; width: 149px; height: 53px; padding-left: 25px; margin: 0 auto; border-bottom: 1px solid #ddd; overflow: hidden; text-overflow: hidden; white-space: nowrap; color: #454545; font-size: 15px; background: url(../Images/2_10.png) 10px center no-repeat; line-height: 53px }
.sub_list dl dd:hover, .sub_list dl li:hover, .sub_on { background: url(../Images/2_09.jpg) no-repeat }
.sub_list dl dd:hover a, .sub_list dl .sub_on a { border: none; background: url(../Images/2_11.png) 10px center no-repeat!important; color: #fff }
.sub_list dl ul { }
.sub_list dl ul li { }
.sub_list dl ul li a { display: block; width: 120px; margin-left: 25px; height: 53px; padding-left: 25px; color: #454545; background: url(../Images/2_10.png) 10px center no-repeat; border-bottom: 1px dashed #ddd; line-height: 53px }
.sub_list dl li:hover a, .sub_list dl ul li.sub_on a { border: none; background: url(../Images/2_11.png) 10px center no-repeat!important; color: #fff }

/**/
.rig_news{ float:right; width:940px;}
.news_list li { border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s; overflow:hidden; }
.news_list li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative; }
.news_list li .tit h3 { padding-bottom: 15px; font-size: 18px; color: #219161; font-weight: normal; padding-right: 25%; margin: 0; font-weight: 600; }
.news_list li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666; }
.news_list li .info { font-size: 14px; line-height: 2; color: #999999; }
.news_list li .more { margin-top: 15px; }
.news_list li .more span { display: inline-block; width: 130px; line-height: 33px; text-align: center; color: #000; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease; }
.news_list li:hover { -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); }
.news_list li:hover .tit h3 { color: #219161; }
.news_list li:hover .more span { color: #fff; background-color: #219161; }

#pagesize .active{background: #219161;border-color: #444;}

.sn_title { width: 100%; text-align: center;}
.sn_title h3 { height: 40px; line-height: 40px; font-size: 20px; color: #219161; overflow: hiddeen; text-overflow: ellipsis; white-space: nowrap }
.sn_title p { padding: 0; margin: 0; height: 30px; line-height: 30px; overflow: hiddeen; text-overflow: ellipsis; white-space: nowrap; color: #138566; font-size: 12px }
.sn_title p span { margin: 0 5px }
.sn_text { padding: 10px 0 70px 0 }
.sn_text p{ font-size:17px; padding-top:5px; padding-bottom:5px;}
.sn_text img{ display:block; width:100%; max-width:800px; height:auto; margin:10px auto;}

.case_pic{ width:200px; height:150px;}
.case_pic img{width:200px; height:150px;}
.case_txt{ width:650px;}

.news_list_pic dl dd{ float:left; margin:10px 25px;}
.newsarrows{ }

/* 本例子css */
.picFocus{ margin:0 auto;  width:800px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:125px; height:75px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:800px; height:450px; display:block;  }
		
/* 下面是前/后按钮代码，如果不需要删除即可 */
.picFocus .prev,
.picFocus .next{ position:absolute; left:3%; top:35%; display:block; width:32px; height:40px; background:url(../Images/img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.picFocus .next{ left:auto; right:3%; background-position:8px 5px; }
.picFocus .prev:hover,
.picFocus .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picFocus .prevStop{ display:none;  }
.picFocus .nextStop{ display:none;  }